<template>
	<div class="app">
		<h1>我是App组件</h1>
		<div class="wraper">
			<A></A>
			<B></B>
		</div>
		<C></C>
	</div>
</template>

<script>
	import A from './components/A.vue'
	import B from './components/B.vue'
	import C from './components/C.vue'

	export default {
		name:'App',
		components:{A,B,C},
	}
</script>

<style>
	.app{
		background-color: gray;
		padding: 20px;
	}
	*{
		margin: 10px;
	}
	.wraper{
		display: flex;
	}
</style>